<template>
	<view class="mainPage browse-video" :style="{'padding-top': `${$store.state.safeArea.top || 0}px`, 'padding-bottom': `${$store.state.safeArea.bottom || 0}px`}">
		<video id="myVideo" class="video" :autoplay="true" :src="videoSrc" controls style="height: 100vh;width: 100%;"></video>
	</view>
</template>

<script>
	var that
	export default {
		data() {
			return {
				videoSrc:"",
			}
		},
		onLoad(options) { 
			that=this
			that.videoSrc=options.src
			
			this.videoContext = uni.createVideoContext('myVideo');
			this.videoContext.requestFullScreen();
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.browse-video{
	background-color: #000000;
	min-height: 100vh;
	width: 100%;
}
</style>
